<!DOCTYPE html>
<html>
  <head>
    <title>{{ title }} : {{ blogName }}</title>
    <link rel="stylesheet" href="../../style/screen.css" type="text/css">
  </head>
  <body>
    {{>header}}
    <div id="content">
      <h1>{{ title }}</h1>
      <div id="post">
        <span class="date">{{ date }}</span>
        <div class="body">{{{ html }}}</div>
      </div>
      <div id="tags"></div>
      <div id="comments">
        <ul>
          {{#comments}}
            {{>comment}}
          {{/comments}}
        </ul>
        <div id="profile"></div>
      </div>
    </div>    
  </body>
  {{>scripts}}
  <script type="text/javascript" charset="utf-8">
  $.CouchApp(function(app) {
    app.post_id = "{{post_id}}";
    $("#profile").evently($.extend(true, {}, app.ddoc.vendor.couchapp.evently.profile, app.ddoc.evently.profile), app);
    $.evently.connect($("#account"), $("#profile"), ["loggedIn", "loggedOut"]);
  });
  </script>
</html>